[data-theme='default']{
  // body 默认背景色
  --color-body: #fff;
  --color-gray-10: rgba(204,204,204, 1);
  --color-gray-9: rgba(204, 204, 204, .9);
  --color-gray-8: rgba(204, 204, 204, .8);
  --color-gray-7: rgba(204, 204, 204, .7);
  --color-gray-6: rgba(204, 204, 204, .6);
  --color-gray-5: rgba(204, 204, 204, .5);
  --color-gray-4: rgba(204, 204, 204, .4);
  --color-gray-3: rgba(204, 204, 204, .3);
  --color-gray-2: rgba(204, 204, 204, .2);
  --color-gray-1: rgba(204, 204, 204, .1);
  --color-black-10: rgba(0, 0, 0, 1);
  --color-black-9: rgba(0, 0, 0, .9);
  --color-black-8: rgba(0, 0, 0, .8);
  --color-black-7: rgba(0, 0, 0, .7);
  --color-black-6: rgba(0, 0, 0, .6);
  --color-black-5: rgba(0, 0, 0, .5);
  --color-black-4: rgba(0, 0, 0, .4);
  --color-black-3: rgba(0, 0, 0, .3);
  --color-black-2: rgba(0, 0, 0, .2);
  --color-black-1: rgba(0, 0, 0, .1);
  --color-white-10: #fff;
  --color-white-9: rgba(255, 255, 255, .9);
  --color-white-8: rgba(255, 255, 255, .8);
  --color-white-7: rgba(255, 255, 255, .7);
  --color-white-6: rgba(255, 255, 255, .6);
  --color-white-5: rgba(255, 255, 255, .5);
  --color-white-4: rgba(255, 255, 255, .4);
  --color-white-3: rgba(255, 255, 255, .3);
  --color-white-2: rgba(255, 255, 255, .2);
  --color-white-1: rgba(255, 255, 255, .1);
  --color-main-linear: linear-gradient(to bottom, #0F0C29, #302B63, #24243E);
  --color-anibtn-default: #8aaeee;
  --color-main: rgb(87,59,138);
  --color-main-9: rgba(87,59,138, .9);
  --color-main-8: rgba(87,59,138, .8);
  --color-main-7: rgba(87,59,138, .7);
  --color-main-6: rgba(87,59,138, .6);
  --color-main-5: rgba(87,59,138, .5);
  --color-main-4: rgba(87,59,138, .4);
  --color-main-3: rgba(87,59,138, .3);
  --color-main-2: rgba(87,59,138, .2);
  --color-main-1: rgba(87,59,138, .1);
  --color-theme-border: #31224d;
  --color-main-border: #bbb;
  --color-green: rgb(19,223,88);
  --color-red: rgb(255, 69, 69);
  --color-red-7: rgba(255, 69, 69, .7);
  --color-text-hover: rgb(0,189,234);
  --color-primary: #409eff;
  // 弹框主体背景色
  --color-dialog-border: #e5e5e5;
  --color-dialog-title: #888;
  --color-dialog-body: #efefef;
  // normal的按钮色
  --color-normal-background: rgba(244,244,245, 1);
  --color-normal-background-3: rgba(244,244,245, .3);
  --color-normal-color: #909399;
  --color-normal-border: #d3d4d6;
  --color-radio-background: rgb(236, 238, 242);
  // 上传文件相关背景色
  --color-upload-default: rgba(87,59,138, .5);
  --color-upload-preparation: #E6A23C;
  --color-upload-doing: rgb(87,59,138);
  --color-upload-success: #68a720;
  --color-upload-fail: #F56C6C;
}
[data-theme='dark']{
  // body 默认背景色
  --color-body: #fff;
  --color-gray-10: rgba(204,204,204, 1);
  --color-gray-9: rgba(204, 204, 204, .9);
  --color-gray-8: rgba(204, 204, 204, .8);
  --color-gray-7: rgba(204, 204, 204, .7);
  --color-gray-6: rgba(204, 204, 204, .6);
  --color-gray-5: rgba(204, 204, 204, .5);
  --color-gray-4: rgba(204, 204, 204, .4);
  --color-gray-3: rgba(204, 204, 204, .3);
  --color-gray-2: rgba(204, 204, 204, .2);
  --color-gray-1: rgba(204, 204, 204, .1);
  --color-black-10: rgba(0, 0, 0, 1);
  --color-black-9: rgba(0, 0, 0, .9);
  --color-black-8: rgba(0, 0, 0, .8);
  --color-black-7: rgba(0, 0, 0, .7);
  --color-black-6: rgba(0, 0, 0, .6);
  --color-black-5: rgba(0, 0, 0, .5);
  --color-black-4: rgba(0, 0, 0, .4);
  --color-black-3: rgba(0, 0, 0, .3);
  --color-black-2: rgba(0, 0, 0, .2);
  --color-black-1: rgba(0, 0, 0, .1);
  --color-white-10: #fff;
  --color-white-9: rgba(255, 255, 255, .9);
  --color-white-8: rgba(255, 255, 255, .8);
  --color-white-7: rgba(255, 255, 255, .7);
  --color-white-6: rgba(255, 255, 255, .6);
  --color-white-5: rgba(255, 255, 255, .5);
  --color-white-4: rgba(255, 255, 255, .4);
  --color-white-3: rgba(255, 255, 255, .3);
  --color-white-2: rgba(255, 255, 255, .2);
  --color-white-1: rgba(255, 255, 255, .1);
  --color-main-linear: linear-gradient(to bottom, #0F0C29, #302B63, #24243E);
  --color-anibtn-default: #8aaeee;
  --color-main: rgb(87,59,138);
  --color-main-9: rgba(87,59,138, .9);
  --color-main-8: rgba(87,59,138, .8);
  --color-main-7: rgba(87,59,138, .7);
  --color-main-6: rgba(87,59,138, .6);
  --color-main-5: rgba(87,59,138, .5);
  --color-main-4: rgba(87,59,138, .4);
  --color-main-3: rgba(87,59,138, .3);
  --color-main-2: rgba(87,59,138, .2);
  --color-main-1: rgba(87,59,138, .1);
  --color-theme-border: #31224d;
  --color-main-border: #bbb;
  --color-green: rgb(19,223,88);
  --color-red: rgb(255, 69, 69);
  --color-red-7: rgba(255, 69, 69, .7);
  --color-text-hover: rgb(0,189,234);
  --color-primary: #409eff;
  // 弹框主体背景色
  --color-dialog-border: #e5e5e5;
  --color-dialog-title: #888;
  --color-dialog-body: #efefef;
  // normal的按钮色
  --color-normal-background: #f4f4f5;
  --color-normal-color: #909399;
  --color-normal-border: #d3d4d6;
}